<meta http-equiv="X-UA-Compatible" content="IE=7" />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="keywords" content="" />
<meta name="description" content="" />
<title>无标题文档</title>
<script src="js/lib/jquery.js" type="text/javascript"></script>
<!--[if IE 6]>
	<script src="js/DD_belatedPNG.js"></script>
	<script type="text/javascript">
		DD_belatedPNG.fix('.filterPNG');
	</script>
<![endif]-->

<script type="text/javascript">
$(function(){	
	$(".tabox1").each(function(){
		//第一个切换标签添加焦点和显示内容
		$(this).find(".tab li:eq(0)").addClass("focus");
		$(this).find(".body .boxs:eq(0)").show().siblings().hide();		
		
		//鼠标经过切换标签(click)是点击
		$(this).find(".tab li").click(function(){
			$(this).addClass("focus").siblings().removeClass("focus");
			var index = $(this).index();
			$(this).parent().parent().siblings(".body").find(".boxs:eq("+ index +")").show().siblings(".boxs").hide();
		});
	});	
	
});
</script>